@extends('common')
@section('content')

<style type="text/css">

</style>
<form method="post" action="" class="form-inline definewidth m20">
<p style="margin-left:2%">
<input type="button" class='info' style='width:170px;height:40px;font-size:18px;Background-color:#1b3160;color:#ffffff' value="学费列表" >
<input class='base' type="button" style='width:170px;height:40px;font-size:18px color:#e8e9ee' value="设置学费" >
</p>
<div id='info'>
<table class="table table-bordered table-hover definewidth m10">
<th>编号</th>
<th>科目类型</th>
<th>学费</th>
<th>操作</th>
<tr>
    <td>1</td>
	<td>科目二豪华版</td>
	<td>8000</td>
	<td><a href="">修改</a> | <a href="">删除</a> </td>
</tr>
</table>


</div>
<div id='base' style="margin-left:2%;font-size:18px"  >
<p>科目类型：<select name="">
	<option value="" selected>科目一豪华版
	<option value="">科目二旗舰版
</select></p>

<p style="margin-top:30px">学&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;费：<input type="text" name=""></p>


<p style="margin-top:30px"><input class='apt' type="submit" style='width:100px;height:40px;font-size:18px color:#e8e9ee' value="保存" ></p>
</div>


</form>
</div>












<script type="text/javascript">
$(function(){
$('#base').hide();
$('#apt').hide()

$('.base').click(function(){
$('#base').show();
$('#info').hide();

$(this).attr('style','width:170px;height:40px;font-size:18px;Background-color:#1b3160;color:#ffffff');
$('.info').attr('style','width:170px;height:40px;font-size:18px color:#e8e9ee')
$('.apt').attr('style','width:170px;height:40px;font-size:18px color:#e8e9ee')
})



$('.info').click(function(){
$('#base').hide();
$('#info').show();
$('#apt').hide();

$(this).attr('style','width:170px;height:40px;font-size:18px;Background-color:#1b3160;color:#ffffff');
$('.base').attr('style','width:170px;height:40px;font-size:18px color:#e8e9ee')
$('.apt').attr('style','width:170px;height:40px;font-size:18px color:#e8e9ee')
})
})
</script>
@stop